/***
 *  函数组件props
 *
 *
 */
// 父组件
function App() {
  return (
    <div>
      父组件
      {/* 调用组件 */}
      <Child msg="父组件传参" name="父组件"></Child>
    </div>
  )
}
export default App

// 子组件
// 函数组件形参接收props父传子参数
function Child(props) {
  console.log(props)
  return <div>子组件-{props.msg}</div>
}
